<!DOCTYPE html>
<html lang="en">
<!-- cesium 绘制点 point -->
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
  <title>Hello World!</title>
  <script src="./Build/CesiumUnminified/Cesium.js"></script>
  <style>
    @import url(./Build/CesiumUnminified//Widgets/widgets.css);

    html,
    body,
    #cesiumContainer {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
  </style>
</head>

<body>
  <div id="cesiumContainer"></div>
  <script>
    Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJmNWY1NTNiZC0yOWZjLTQxYTEtYmFmZS0zZDhhOWRmMmMyM2YiLCJpZCI6MTM2MDIyLCJpYXQiOjE2ODI2NzE3NjR9.iCrukqqU__ODBrOwYgkTzv2fyg_yAli8GyePHhjgiFc';
    
    const viewer = new Cesium.Viewer("cesiumContainer", {
      baseLayerPicker: true,//是否显示图层选择器 
    })
    // 视角
    viewer.camera.setView({
      destination: Cesium.Cartesian3.fromDegrees(104.303854,24.871046, 100.0),
      orientation: {
        // 指向
        // heading: Cesium.Math.toRadians(90.0),
        // 视角
        pitch: Cesium.Math.toRadians(-90.0),
        // 翻转
        // roll: Cesium.Math.toRadians(0.0)
      }
    })
    // 绘制点
    viewer.entities.add({
      name: 'point',
      // position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883, 0.0),
      position: Cesium.Cartesian3.fromDegrees(104.303854,24.871046, 100.0),
      point: {
        pixelSize: 15,
        color: Cesium.Color.RED,
        outlineColor: Cesium.Color.WHITE,
        outlineWidth: 1
      }
    })

    viewer.zoomTo(viewer.entities) 
  </script>
</body>

</html>